// import { useState } from "react";
import React, { useEffect, useState } from 'react';

const Xzbutton = () => {
    let [count, setCount] = useState(0)
    let [timeCount, setTimeCount] = useState(0)
    // console.log('--------abc----------')

    setInterval(() => {
        setTimeCount(timeCount+1)
        console.log('timeout:',timeCount)
    }, 1000);
    // useEffect(()=>{
    //     console.log('----指定的状态变化了-----')
    // },[count])   //此处的 [] 表明当前的生命周期方法依赖于哪个状态的改变
    // useEffect(()=>{
    //     console.log('-----opo---------');
    // },[])  //此处的[]表示当前的生命周期方法不依赖于任何一个状态变量的改变

    useEffect(()=>{
        // 此处的语句任意
        return ()=>{
            console.log('-----efg-------');
        }
    },[count])
    return (
        <div>
            <button onClick={() => { setCount(count + 1) }}>点击了{count}次</button>
        </div>
    );
}

export default Xzbutton;
